<template>
    <main-wrap class="ysclbg">
        <template v-slot:header>
            <div class="ctopBox">
                <Header title="艺术长廊"/>
            </div>
        </template>
        <swiper-card/>
    </main-wrap>
</template>

<script>
import { reactive,toRefs,getCurrentInstance } from 'vue'
import {useRoute,useRouter} from 'vue-router'
import { useStore } from 'vuex'
import mainWrap from '@/components/mainWrap.vue'
import Header from '@/components/header.vue'
import swiperCard from '@/components/swiperCard.vue'
export default {
    components:{
       mainWrap,
       Header,
       swiperCard
    },
    props:{

    },
    setup(props,context){
        const router = useRouter()
        const route = useRoute()
        const store = useStore()
        const {proxy} = getCurrentInstance()

        const state = reactive({
            
        })

        return{
            ...toRefs(state)
        }
    }
}
</script>

<style lang="scss" scoped>
    .ysclbg{
        background-image: url('/images/ysclbg.png');
        background-position:left top;
        background-repeat: no-repeat;
        background-size:100% auto ;
    }
</style>
<style lang="scss">
    .ysclbg{
        .my-content{
            height: 100%;
        }
    }
</style>